import '../styles/globals.css';
import { AppProps } from 'next/app';
import { Noto_Sans_SC } from 'next/font/google';
import AppContainer from '@/components/layout/AppContainer';

const notoSansSC = Noto_Sans_SC({
  subsets: ['latin'],
  weight: ['400', '500', '700'],
  variable: '--font-noto-sans',
});

function MyApp({ Component, pageProps }: AppProps) {
  return (
    <main className={`${notoSansSC.variable} font-sans`}>
      <AppContainer>
        <Component {...pageProps} />
      </AppContainer>
    </main>
  );
}

export default MyApp;